# -*- coding: utf-8 -*-

<%inherit file="/layouts/content.html" />
<%def name="lhs()">
<div style="margin-bottom: 15px; margin-left:10px">
    <h1>${username}'s profile</h1>
</div>
<div>
    <img id="myimg" src="${myimg}"/>
    To upload and edit your avatar. Sign Up/Login in <a href="http://en.gravatar.com/" target="_blank">gravatar.com</a>.
    The email you used should be consistent with the email you registered here.
</div>
<div>
    <form action="/profile/edit" method="post"> 
            <div class="field">
                    <label for="username" class="label">
                        ${"username" | _}
                    </label>
                    <div class="input">
                        <input type="text" id="username" name="username" value="${username}"/>
                    </div>
            </div>
            
            <div class="field">
                    <label for="locale" class="label">
                        ${"language" | _}
                    </label>
                    <div class="input">
                        <select id="locale" name="locale">
                            % for alocale in locale_list:
                                % if alocale == mylocale:
                            <option value="${alocale}" selected="selected"> ${alocale} </option>
                                % else:
                            <option value="${alocale}"> ${alocale} </option>
                                % endif
                            % endfor
                        </select>
                    </div>
            </div>

            <div class="field">
                    <label for="timezone" class="label">
                        ${"timezone" | _}
                    </label>
                    <div class="input">
                        <select id="timezone" name="timezone">
                            % for atimezone in timezone_list:
                                % if atimezone == mytimezone:
                            <option value="${atimezone}" selected="selected"> ${atimezone} </option>
                                % else:
                            <option value="${atimezone}"> ${atimezone} </option>
                                % endif
                            % endfor
                        </select>
                    </div>
            </div>

            <div class="buttons">
                <input type="submit" value="${'Save' | _}" class="button" />
            </div>
    </form>
</div>
<div>
    <a href="/profile/editinterests">Edit My Interests</a>
    <a href="/profile/addapi">Add APIs</a>
</div>
</%def>

<%def name="scripts()">
</%def>
